import { request } from "../../request/index.js";
Page({
    data: {
        // 左侧的菜单数据
        leftMenuList: [],
        // 右侧的商品数据
        rightContent: [],
        // 当前选择的左侧菜单项
        currentIndex:0
    },
    // 接口的返回数据
    Cates: [],

    onLoad: function (options) {
        this.getCates();
    },
    // 获取分类数据
    getCates() { 
        request({
            url: "/categories"
        })
            .then(res => {
                this.Cates = res.data.message;
                // 构造左侧的大菜单数据
                let leftMenuList = this.Cates.map(v => v.cat_name);
                // 构造右侧的商品数据
                let rightContent = this.Cates[0].children;
                this.setData({
                    leftMenuList,
                    rightContent
                })
            })
    },
    //左侧菜单项的点击事件
    handleItemTap:function(event){
        /**
         * 1.获取被点击的菜单项身上的索引号
         * 2.依据不同的索引号来渲染右侧的商品内容
         */
        const {index} = event.currentTarget.dataset
        console.log(index,"左侧菜单项的索引号")
        let rightContent=this.Cates[index].children
        this.setData({
            currentIndex:index,
            rightContent
        })

    }

})